<template>
  <div>
    <vue3VideoPlay
      v-bind="options"
      poster="../assets/logo.png"
    />
  </div>
</template>

<script setup >
import { reactive } from "vue";
const options = reactive({
  width: "1200px", //播放器宽度
  height: "550px", //播放器高度
  color: "#409eff", //主题色
  title: "", //视频名称
  
  src: require('../assets/a.mp4'), //视频源
  muted: false, //静音
  webFullScreen: false,
  speedRate: ["0.75", "1.0", "1.25", "1.5", "2.0"], //播放倍速
  autoPlay: false, //自动播放
  loop: false, //循环播放
  mirror: false, //镜像画面
  ligthOff: false, //关灯模式
  volume: 0.3, //默认音量大小
  control: false, //是否显示控制
  autoplay:true,
  controlBtns: [
    "audioTrack",
    "quality",
    "speedRate",
    "volume",
    "setting",
    "pip",
    "pageFullScreen",
    "fullScreen",
  ], //显示所有按钮,
});
</script>

<style scoped></style>